<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{$title}</title>
    <meta name="keywords" content="{$keywords}">
    <meta name="description" content="{$description}">
    <meta name="author" content="www.qqss.net">
    <!-- Favicon -->
    <link rel="icon" href="{:conf('site_favicon')}" type="image/x-icon">
    <!-- CSS -->
    <link href="/static/default/css/tailwind/tailwind.min.css?v={$static_version}" rel="stylesheet">
    <link href="/static/css/fontawesome/css/all.min.css?v={$static_version}" rel="stylesheet">
    <link href="/static/default/css/main.css?v={$static_version}" rel="stylesheet">
    <link href="/static/default/css/mobile-optimization.css?v={$static_version}" rel="stylesheet">
    <!-- 页面样式 -->
    {block name="css"}{/block}

    <!-- 插件头部hook -->
    {cms:hooks name="template.head" /}
</head>

<body class="bg-gray-50">
    <!-- 插件头部hook -->
    {cms:hooks name="common.header.before" /}

    <!-- 引入头部组件 -->
    {include file="default/components/header" /}

    <!-- hader 下插件头部hook -->
    {cms:hooks name="common.header.after" /}
    <!-- 主要内容 -->
    <main>
        {block name="content"}{/block}
    </main>

    <!-- 引入底部组件 -->
    {include file="default/components/footer" /}

    <!-- 引入脚本组件 -->
    {include file="default/components/scripts" /}

    {block name="js"}{/block}

    <!-- 插件底部hook -->
    {cms:hooks name="common.footer" /}
</body>

</html>